/*var*/
.fleft{float: left;}
.fright{float: right;}
.block{display: block;}
.w100{width: 100%;}
.h100{height: 100%;}
@mainRed:#e83226;
.hand{cursor: pointer;}

.wrapper{width: 1052px;margin: 0 auto;position: relative;height: 700px;padding-top: 182px;}

/*header*/
#header{position: absolute;left:0; top:10px;width: 1052px;z-index:100;
    .rnav{.fright;margin-top:10px;
        ul{ height:12px;
            li{.fleft;width: 84px;text-align: center;border-left:1px solid #7f7f7f;height:12px;line-height:12px;
               a{color:black;}
            }
        }
    }
    .menu-bar{background:@mainRed ;height: 58px;margin-top:59px;
        .logo{.h100;.fleft;width: 112px;
              a{.block;padding: 9px 17px 0;}
        }
        ul.menu{.h100;.fleft;
            li.top{.fleft;width:94px;padding-top:6px; border-left:1px solid white;position:relative;
               &.last{border-right: 1px solid white;}
                a{color:white;.block;padding: 3px 0 7px;text-align:center;height: 42px;line-height: 42px;font-size:14px;
                  &.now,&:hover{text-decoration: none;background: white;color: @mainRed;font-weight: bold;}
                }@subHeight:50px;
                ul.sub{width: 800px;height:@subHeight;border:1px solid @mainRed;display:none; position:absolute;background:white;
                       li{.fleft;height: @subHeight;line-height: @subHeight;width:100px;text-align:center;
                          a{color:black;height:@subHeight;line-height:@subHeight;padding:0;
                            &:hover{color: @mainRed;}
                          }
                       }
                }
                ul.haspic{height:130px;
                    li{height:130px;margin: 10px 0;
                       a{line-height:24px;
                           img{display:block;margin-left: 15px;}
                       }
                    }
                }
            }
        }
        .searchBox{.fright;width: 210px;padding-top:20px;
                   input{
                       &.txt{background: url(images/bg-text1.png) no-repeat;width: 140px;padding-left:25px;height: 20px;border: none;line-height: 20px;color: #bebfbf;}
                       &.btn{background: url(images/bg-btnGo.png) no-repeat;width: 32px;height: 19px;text-indent: -99px;overflow: hidden;border: none;}
                   }
        }
    }
}

.main-page{min-height: 400px;padding-bottom:20px;}

.main-left{.fleft;width: 218px;padding-right:14px;
    .site-path{
        a{color:black;}
    }
    ul.nav{padding-top:10px;background:@mainRed;
           li{background:url(images/bg-leftnav.gif) no-repeat 8px center white;border-bottom:1px solid @mainRed;height:20px;line-height:20px;overflow:hidden;padding-left:20px;
               a{color:black;
                 &.now,&:hover{color: @mainRed;}
               }
           }
    }
    hr.s1{height: 8px;overflow: hidden;background: @mainRed;border: solid @mainRed;border-width: 1px 0;}
    .pro-base{width:144px;margin:20px auto;
        .pro-spec{height: 24px;background: url(images/pro-bar.png) no-repeat;line-height:24px;text-align:center;}
        .btns{margin: 20px 0;
            a.ss1{background: url(images/btn-left.png) no-repeat;width: 13px;height: 12px;float: left;line-height: 12px;text-indent: -101px;overflow: hidden;margin-right: 5px;}
        }
        .pro-link{line-height: 24px;
            p{color:@mainRed;font-size:14px;font-weight:bold;
                a{color:black;}
            }
        }
        .pro-searchbar{
            background: url(images/pro-searchbar.png) no-repeat;width: 144px;height: 24px;line-height: 24px;
            input{.fleft;background:transparent;border: none;
                  &.text{width: 100px;margin:3px 0 0 10px;}
                  &.button{text-indent: -100px;overflow: hidden;cursor: pointer;width: 24px;height: 24px;}
            }
        }
    }
    .filter-col{
        .category{background: url(images/bg-leftcol.png) repeat-x;height: 24px;line-height: 24px;border: 1px solid #a8a8a9;padding:0 26px;}
        .cnt{padding: 10px 0 20px;
             ul{width: 174px;margin: 0 auto;}
             ul.rant{
                 li{width:80px;height: 14px;line-height: 14px;border: 1px solid #e2e4e4;text-align:center;margin:0 2.5px;.fleft;cursor:pointer;}
             }
             ul.jtcolor{
                 li{width: 14px;height: 14px;text-indent: -100px;overflow: hidden;.fleft;margin: 0 5px;border: 1px solid #eceded;cursor:pointer;}
             }
        }
    }
}


.main-right{.fright;width: 204px;
            ul.contact{padding: 0 10px;border:solid @mainRed;border-width:10px 1px 1px;margin-bottom:10px;
                       li{line-height:20px;height: 20px; border-bottom: 1px solid @mainRed;color:@mainRed;
                          &.r1{background: url(images/bg-contactLi.png) no-repeat left center;padding-left:1em;}
                          &.last{border: none;}
                       }
            }
            .loginBox{border: solid @mainRed;border-width: 10px 1px 1px;margin: 10px 0;
                table{margin:22px auto; width:154px;
                    th{color:@mainRed;width: 42px;text-align: center;}
                    td{width:112px; height:30px;
                        input{
                            &.txt{background: url(images/bg-text2.png) no-repeat;border:none;width:103px;height: 20px;line-height: 20px;padding-left: 6px;}
                            &.btn{border: none;background: url(images/bg-btn2.png) no-repeat right center white;padding-right:8px;margin-right: 10px;color: @mainRed;.hand;}
                        }
                    }
                }
            }
}

.page{width:602px; .fleft;overflow:hidden;padding-right:12px;
    h1.page-title,h1.arhTitle{font-size: 20px;font-weight: bold;color: @mainRed;margin-bottom:10px;position: relative;}
    h1.arhTitle{text-align: center;margin: 0;}
    h2.page-title{font-size: 14px;font-weight: bold;color: @mainRed;}
    h2.subTitle{text-align: center;
        a{color:black;}
    }
    .page-cnt{text-indent: 2em;}
}
.page2{width: 820px;padding-right: 0;}

#footer{border-top:1px solid #7f7f7f;padding-top:1em;
    p{text-align: center;color:#bfbfbf;line-height:20px;
      & a{color: #bfbfbf;}
      &.beian{color: black;}
    }
}

/*list style1*/
.list-style1{
    h2.list-title{font-weight: bold;height:26px;line-height: 26px;border-bottom: 1px solid #d3d7e9;}
    table{.w100;margin:10px 0;
        th,td{line-height: 22px;}
        th{width:70px;text-align: left;vertical-align: top;}
        td{padding:0 10px 15px;
            a{display:block;width: 4.2em;color: #b7b5b6;}
        }
    }
}

.page{
    h2.title{line-height: 2em;height: 2em;font-weight: bold;}
    hr.red{border: 1px solid @mainRed;background: @mainRed;height: 18px;overflow: hidden;}
}

.page-news{
    h2.page-title{margin-bottom: 8px;}
    h3.city{border: solid black;border-width: 1px 0;line-height: 24px;}
    .cnt2{margin-bottom: 40px;border-bottom: 1px solid black;
          p.name{margin-bottom: 12px;line-height: 24px;}
          table{margin-bottom: 4px;
              td{width:270px;}
          }
    }
    .news-pic1,.news-pic2{margin-bottom: 40px;
        a{text-decoration:none;}
    }
    .news-pic2 a{margin-right: 2px;}
    .news-info{border-bottom:1px solid #beb6b0;padding-bottom:26px;
        p{line-height:26px;}
    }
    .bg-grey{background: #E0E0E0;padding:8px 8px 20px;margin-bottom: 10px;
             @greyColor:#585858;
             h2.news-title{height: 40px;line-height: 40px;background: url(images/bg-newsh2.gif) no-repeat;padding-left:60px;font-size:14px;font-weight:bold;
                a{.fright;color: @greyColor;font-size: 12px;font-weight: normal;}
             }
             ul.arh-list{color: @greyColor;
                 li{border-bottom:1px solid #B6B6B6;height:24px;line-height:24px;list-style-type:disc; list-style-position:inside;
                     span.date{.fright;}
                     a{color: @greyColor;font-size: 13px;}
                     &.top{height: auto;padding-bottom:16px;list-style:none;border:none;
                           p.title{color: @mainRed;width:288px;height:26px;line-height:26px;
                                   span{.fright;}
                                   a{color:@mainRed;font-size: 14px;}
                           }
                           p.fn-clear{
                               img{.fleft;width: 288px;}
                               span{.fright;width: 288px;line-height:18px;
                                    a{font-size:12px;}
                               }
                           }
                     }
                 }
             }
    }
    .arhDetail{line-height: 22px;margin: 14px 0;}
}

.page-kf{
    table.book{margin: 22px 0;
        th,td{padding: 5px 0;}
        th{width:64px;text-align: left;}
        td{
            input.txt{width: 158px;height: 20px;line-height:20px;border: 1px solid #c7c8c8;background:white;}
            select{width: 160px;height: 20px;}
            textarea{
                &.s1,&.s2{width: 262px;}
                &.s1{height: 42px;}
                &.s2{height: 84px;}
            }
        }
    }
    .valid{margin:1em 0;
        input.txt{border:1px solid #c7c8c8;height:28px;line-height:28px;width:152px;margin-top:20px;margin-left:4px;background:white;}
    }
    .buttons{text-align:center;width:360px;
        input{padding:4px 10px;margin: 0 10px;}
    }
}

.wrapper-index{
    #header{
        .rnav{margin:0;width:210px;
            ul{padding-top:12px;background: url(images/bg-global.gif) no-repeat 20px 6px;height:20px;
                li{border-color:@mainRed;
                    a{color: @mainRed;}
                    &.global{padding-left: 35px;}
                }
            }
        }
    }
    #slideBox{background: url(images/bg-slidebar.png) no-repeat center bottom;padding-bottom: 10px;}
    .cols{padding-top: 400px;padding-bottom:50px;
        .col{.fleft;width: 246px;height:170px;background-position:left bottom;background-repeat:no-repeat;padding-right:20px;
             h2.col-title{line-height: 26px;height: 26px;color: @mainRed;font-weight: bold;font-size: 14px;}
             p{margin: 40px 0 20px 10px;width: 100px;line-height: 22px;}
        }
        a.detail{background: url(images/bg-icoarrow.png) no-repeat left center;color: @mainRed;display: block;margin-left: 10px;padding-left: 1em;line-height: 12px;line-height: 12px;}
        .col1{background-image: url(images/bg-colidx1.png);}
        .col2{background-image: url(images/bg-colidx2.png);}
        .col3{background-image: url(images/bg-colidx3.png);width: 253px;}
        .col4{background-image: url(images/bg-colidx4.png);padding-right: 0;}
    }
}

/*product page*/
.page-product{
    .pro-box{background:url(images/bg-proTop.png) no-repeat;width:813px;padding-top:30px;margin:20px 0;
        .pro-bottom{background:url(images/bg-proBottom.png) no-repeat left bottom;height: 260px;padding-bottom:30px;
            .pro-pic{padding-top: 40px;padding-left: 110px;position: relative;
                     .ico-new{position: absolute;top: 36px;left: 107px;z-index: 10;background: url(images/ico-new.gif) no-repeat;width: 75px;height: 76px;}
            }
            .pro-info{padding-left:100px;
                h3{font-size:16px;font-weight:bold;
                    a{color:@mainRed;}
                }
                ul{
                    li{height:27px;line-height: 27px;background: url(images/bg-li2.gif)no-repeat;padding-left:30px;margin: 8px 0;}
                }
            }
            .btnBox{}
        }
    }
    .pro-banner{position:relative;
        a.abLink{position: absolute;display: block;width: 90px;height: 18px;line-height:18px;top: 138px;left: 562px;padding: 0 6px;color: black;}
    }
    .pro-banner2{
        a.abLink{top: 131px;color: white;}
    }
    .pro-list2{padding:20px 0;width:100%;
        .pro-box2{width: 159px;height: 159px;background: url(images/bg-yjbox.png) no-repeat;position:relative;padding-right:6px;margin:5px 0;
                  .picBox{text-align: center;padding-top: 24px;}
                  .name{position: absolute;text-align: center;font-size: 14px;width:100%;left:0;bottom:0;padding-bottom:15px;
                        a{color:@mainRed;}
                  }
        }
    }
    h1.page-title{
        a.xsdz{position: absolute;right: 0;top: 0;display: block;width: 79px;height: 25px;line-height: 25px;background: url(images/btn2.png) no-repeat;color: #646664;font-size:12px;padding-left:28px;text-decoration:none;}
    }
    .tab-box{border: 1px solid #9fa0a0;position:relative;margin-top:40px;padding:6px;
        .yj{background:url(images/yj.png) no-repeat;width:6px;height:6px;overflow:hidden;position:absolute;z-index:2;
            &.lt{background-position: 0 0;top: -1px;left: -1px;}
            &.rt{background-position: -6px 0;top: -1px;right: -1px;}
            &.lb{background-position: 0 -6px;left: -1px;bottom: -1px;}
            &.rb{background-position: -6px -6px;right: -1px;bottom: -1px;}
        }
        ul.tab{height: 28px;line-height:28px;text-align:center;position:absolute;left:22px;top:-18px;
               li{width:88px;.fleft;cursor: pointer;background: url(images/tab.png) no-repeat;
                  &.now{background: url(images/tab-now.png) no-repeat;color: @mainRed;}
               }
        }
        .cnt{display:none;
            .cnt1,.cnt4{
                table{width: 664px;margin: 50px auto;
                      td.pic{width: 268px;}
                      td.text{padding-left: 80px;width:314px;
                        p{
                            &.f32{font-size: 32px;line-height: 36px;}
                            a{color:black;}
                            a.btndown{background: url(images/btn.png) no-repeat;display: block;width: 41px;height: 19px;line-height: 18px;text-align: center;text-decoration: none;}
                        }
                      }
                }
            }
            .cnt2{
                table{width: 98%;margin:50px auto;
                      td.text{width: 500px;
                        ul.gn{border-bottom:1px solid #bfbfbf;
                            li{width:136px;background: url(images/bg-li2.gif) no-repeat;height: 27px;line-height: 27px;padding-left: 30px;margin: 4px 0;.fleft;}
                        }
                        .gn-detail{
                            p{width:48%;}
                        }
                      }
                      td.pic{padding-left: 120px;}
                }
            }
            .cnt3{width:703px;margin:20px auto;
                .btnToggleSpec{text-align: right;padding-right:40px;
                               a{color:black;}
                }
                ul.spec-list{margin:20px 0;
                    li{
                        p.top{background:url(images/bg-specli.png) no-repeat;line-height:16px;height:18px;
                            a{display: block;padding-left: 36px;color: black;background: url(images/bg-slidedown.gif) no-repeat 15px center;
                              &.now{background-image: url(images/bg-slideup.gif);}
                              &:hover{text-decoration: none;}
                            }
                        }
                        table{width:98%;margin:0 auto 10px;
                            tr{
                                th{width: 340px;}
                                &.odd{
                                    th{background:#f9f9f9;}
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .pro-filter{border-bottom: 1px solid #b3b4b4;padding-top:35px;padding-bottom:20px; overflow:visible;
        .filer-type{background: url(images/filter-ddl.png) no-repeat;width: 146px;height: 23px;border: none;position:relative;z-index:5;margin-right:10px;
            p.show{height: 23px;line-height: 23px;cursor: pointer;padding: 0 10px;}
            .list{position: absolute;top: 23px;left: 0;width: 96%;z-index: 10;display:none;border:1px solid #b3b4b4;background:white;overflow:auto;
                ul{
                    li{cursor:pointer;padding:0 10px;
                       &:hover{background: #f6f6f6;}
                    }
                }
            }
        }
    }
    .pro-sellist{width:126%;margin: 14px 0;
        .pro-item{width: 135px;.fleft;padding-right:199px;_padding-right:194px;height:290px;margin-bottom:20px;_position:relative;z-index:1;
            .inner-item{padding:8px;padding-right:0;_position:absolute;top:0;left:0;_z-index:1;
                .pic{text-align: center;height: 180px;width: 135px;}
                .summary{
                    p{color: black;line-height:16px;width: 135px;
                        a{color:black;}
                    }
                }
                .chk{margin-top: 1em;}
                .detailInfo{display: none;width: 220px;.fright;padding-right:4px;
                    p{font-weight: bold;}
                    table{margin:4px 0;
                        th{padding-right:4px;}
                    }
                }
                .extInfo{clear: both;display: none;padding-left: 4px;
                    p.spec{font-weight: bold;}
                }
                &.hover{position:relative;_position:absolute;width: 405px;padding-right: 0;background: #b5b5b6;margin-right: 10px;z-index:99;
                    .pic{width: 170px;.fleft;
                         img{width:170px;}
                    }
                    .summary,.chk{display: none;height: 0;overflow: hidden;}
                    .detailInfo{display: block;}
                    .extInfo{display: block;}
                }
            }
            &.last{padding-right: 0;
                .inner-item{padding-left:0;
                    .detailInfo{.fleft;padding-left:4px;padding-right: 0;}
                    &.hover{left:-270px;
                        .pic{.fright;padding-left: 0;padding-right: 8px;}
                    }
                }
            }
        }
    }
    ul.radioItem{width: 173px;height: 23px;line-height: 23px;background:url(images/bg-select.png) no-repeat;
        &.select1{background-position-y: -23px;}
        li{height:23px;.fleft;overflow:hidden;text-align:center;cursor:pointer;
            &.t1{width: 57px;padding-right: 17px;}
            &.t2{width: 83px;padding-right: 16px;}
        }
    }
    /*Compare page*/
    .compareBox{background: #dadbdb;position:relative;padding:25px;*zoom: 1;
        /*yj*/@yj2:25px;
        .yj{background:url(images/bg-yj2.gif) no-repeat;width:@yj2;height:@yj2;overflow:hidden;position:absolute;
            &.lt{background-position:0 0;top: 0;left: 0;}
            &.rt{background-position:-@yj2 0;top: 0;right: 0;}
            &.lb{background-position:0 -@yj2;bottom: 0;left: 0;_bottom: -1px;}
            &.rb{background-position:-@yj2 -@yj2;bottom: 0;right: 0;_bottom: -1px;}
        }
        table{width:100%;margin:20px 0;
            th,td{color:white;}
            th{padding: 0 20px;}
            td{width:36%;text-align: center;}
        }
        .text{background:#9f9fa0;position: relative;*zoom: 1;
             /*yj*/@yj3:20px;
            .yj{background-image:url(images/bg-yj3.gif);width:@yj3;height:@yj3;
                &.lt{background-position:0 0;}
                &.rt{background-position:-@yj3 0;}
                &.lb{background-position:0 -@yj3;}
                &.rb{background-position:-@yj3 -@yj3;}
            }
            table{
                th,td{border: 1px solid #b5b5b6;}
                tr.rowFirst{
                    th,td{padding-top: 32px;}
                }
                td{}
                span.red{color: @mainRed;}
                span.blue{color: #1e2088;}
            }
        }
    }
}

.page-about{
    .aboutindex{
        a{margin-bottom:30px;display:block;height:133px;overflow:hidden;width:300px;
          img{width:300px;}
        }
    }
    p.borred{border: 1px solid @mainRed;margin: 20px 0;border-left: none;}
}